<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<link href="css/PersonalCenter.css" rel="stylesheet" type="text/css" />
	</head>
	<script src="js/jquery-3.2.1.js" type="text/javascript"></script>
	<script src="js/PersonalCenter.js" type="text/javascript"></script>
	<body>
		<!--用户把点击加入歌单显示页面-->
		<div class="addSongList_showDiv">
			<div class="addSongList_showDiv_header">添加到歌单<span title="关闭" id="none_addSongList_showDiv">+</span></div>
			<div class="addSongList_songList" songId>
				<!--用于显示用户创建的歌单-->
			</div>
		</div>
		<div class="personalCenter_content">
			<!--上边部分，用于显示用户头像，用户名、修改按钮-->
			<div class="Personal_top_div">
				<!--左侧用户头像显示-->
				<div class="Personal_userheader_img_div">
					<img id="userHeader_img" src="" alt="头像" width="100%" />
				</div>
				<!--右侧用户名，用户修改按钮，用户邮箱-->
				<div class="Personal_info_div">
					<p class="userName_and_setuserinfoBtn">
						<span id="personal_userName"></span><!--用户名-->
						<span id="personal_userSex"></span><!--用户性别-->
						<button id="setting_userInfo">编辑个人资料</button>
					</p>
					<p class="personal_userEmail_p">
						<p class="email_p">
							<span>Email：</span>
							<span id="userEmail"></span>
						</p>
					</p>
				</div>
			</div>
			<!--中间部分，显示用户听歌记录-->
			<div class="listenSong_top">
				<h2 class="listensong_title">听歌排行Top20</h2>
				<table class="listensong_table" cellpadding="0" cellspacing="0">
					
				</table>
			</div>
			<!--下边部分，显示用户创建的歌单和收藏的歌单-->
			<!--用户创建的歌单-->
			<div class="personal_userCreateSongList">
				<h2 class="userCreateSongList_title">我创建的歌单</h2>
				<ul class="userCreateSongList_ul">
					
				</ul>
			</div>
			<div style="clear: both;"></div>
			<!--用户收藏的歌单-->
			<div class="personal_userCollectionSongList">
				<h2 class="userCollectionSongList_title">我收藏的歌单</h2>
				<ul class="userCollectionSongList_ul">
					
				</ul>
			</div>
		</div>
	</body>
</html>
